<template>
  <div class="wrapper">
    <ul class="content">
      <li>{类别列表1}</li>
      <li>{类别列表2}</li>
      <li>{类别列表3}</li>
      <li>{类别列表4}</li>
      <li>{类别列表5}</li>
      <li>{类别列表6}</li>
      <li>{类别列表7}</li>
      <li>{类别列表8}</li>
      <li>{类别列表9}</li>
      <li>{类别列表10}</li>
      <li>{类别列表11}</li>
      <li>{类别列表12}</li>
      <li>{类别列表13}</li>
      <li>{类别列表14}</li>
      <li>{类别列表15}</li>
      <li>{类别列表16}</li>
      <li>{类别列表17}</li>
      <li>{类别列表18}</li>
      <li>{类别列表19}</li>
      <li>{类别列表20}</li>
      <li>{类别列表21}</li>
      <li>{类别列表22}</li>
      <li>{类别列表23}</li>
      <li>{类别列表24}</li>
      <li>{类别列表25}</li>
      <li>{类别列表26}</li>
      <li>{类别列表27}</li>
      <li>{类别列表28}</li>
      <li>{类别列表29}</li>
      <li>{类别列表30}</li>
      <li>{类别列表31}</li>
      <li>{类别列表32}</li>
      <li>{类别列表33}</li>
      <li>{类别列表34}</li>
      <li>{类别列表35}</li>
      <li>{类别列表36}</li>
      <li>{类别列表37}</li>
      <li>{类别列表38}</li>
      <li>{类别列表39}</li>
      <li>{类别列表40}</li>
      <li>{类别列表41}</li>
      <li>{类别列表42}</li>
      <li>{类别列表43}</li>
      <li>{类别列表44}</li>
      <li>{类别列表45}</li>
      <li>{类别列表46}</li>
      <li>{类别列表47}</li>
      <li>{类别列表48}</li>
      <li>{类别列表49}</li>
      <li>{类别列表50}</li>
      <li>{类别列表51}</li>
      <li>{类别列表52}</li>
      <li>{类别列表53}</li>
      <li>{类别列表54}</li>
      <li>{类别列表55}</li>
      <li>{类别列表56}</li>
      <li>{类别列表57}</li>
      <li>{类别列表58}</li>
      <li>{类别列表59}</li>
      <li>{类别列表60}</li>
      <li>{类别列表61}</li>
      <li>{类别列表62}</li>
      <li>{类别列表63}</li>
      <li>{类别列表64}</li>
      <li>{类别列表65}</li>
      <li>{类别列表66}</li>
      <li>{类别列表67}</li>
      <li>{类别列表68}</li>
      <li>{类别列表69}</li>
      <li>{类别列表70}</li>
      <li>{类别列表71}</li>
      <li>{类别列表72}</li>
      <li>{类别列表73}</li>
      <li>{类别列表74}</li>
      <li>{类别列表75}</li>
      <li>{类别列表76}</li>
      <li>{类别列表77}</li>
      <li>{类别列表78}</li>
      <li>{类别列表79}</li>
      <li>{类别列表80}</li>
      <li>{类别列表81}</li>
      <li>{类别列表82}</li>
      <li>{类别列表83}</li>
      <li>{类别列表84}</li>
      <li>{类别列表85}</li>
      <li>{类别列表86}</li>
      <li>{类别列表87}</li>
      <li>{类别列表88}</li>
      <li>{类别列表89}</li>
      <li>{类别列表90}</li>
      <li>{类别列表91}</li>
      <li>{类别列表92}</li>
      <li>{类别列表93}</li>
      <li>{类别列表94}</li>
      <li>{类别列表95}</li>
      <li>{类别列表96}</li>
      <li>{类别列表97}</li>
      <li>{类别列表98}</li>
      <li>{类别列表99}</li>
      <li>{类别列表100}</li>
      <li>{类别列表101}</li>
      <li>{类别列表102}</li>
      <li>{类别列表103}</li>
      <li>{类别列表104}</li>
      <li>{类别列表105}</li>
      <li>{类别列表106}</li>
      <li>{类别列表107}</li>
      <li>{类别列表108}</li>
      <li>{类别列表109}</li>
      <li>{类别列表110}</li>
      <li>{类别列表111}</li>
      <li>{类别列表112}</li>
      <li>{类别列表113}</li>
      <li>{类别列表114}</li>
      <li>{类别列表115}</li>
      <li>{类别列表116}</li>
      <li>{类别列表117}</li>
      <li>{类别列表118}</li>
      <li>{类别列表119}</li>
      <li>{类别列表120}</li>
      <li>{类别列表121}</li>
      <li>{类别列表122}</li>
      <li>{类别列表123}</li>
      <li>{类别列表124}</li>
      <li>{类别列表125}</li>
      <li>{类别列表126}</li>
      <li>{类别列表127}</li>
      <li>{类别列表128}</li>
      <li>{类别列表129}</li>
      <li>{类别列表130}</li>
      <li>{类别列表131}</li>
      <li>{类别列表132}</li>
      <li>{类别列表133}</li>
      <li>{类别列表134}</li>
      <li>{类别列表135}</li>
      <li>{类别列表136}</li>
      <li>{类别列表137}</li>
      <li>{类别列表138}</li>
      <li>{类别列表139}</li>
      <li>{类别列表140}</li>
      <li>{类别列表141}</li>
      <li>{类别列表142}</li>
      <li>{类别列表143}</li>
      <li>{类别列表144}</li>
      <li>{类别列表145}</li>
      <li>{类别列表146}</li>
      <li>{类别列表147}</li>
      <li>{类别列表148}</li>
      <li>{类别列表149}</li>
      <li>{类别列表150}</li>
      <li>{类别列表151}</li>
      <li>{类别列表152}</li>
      <li>{类别列表153}</li>
      <li>{类别列表154}</li>
      <li>{类别列表155}</li>
      <li>{类别列表156}</li>
      <li>{类别列表157}</li>
      <li>{类别列表158}</li>
      <li>{类别列表159}</li>
      <li>{类别列表160}</li>
      <li>{类别列表161}</li>
      <li>{类别列表162}</li>
      <li>{类别列表163}</li>
      <li>{类别列表164}</li>
      <li>{类别列表165}</li>
      <li>{类别列表166}</li>
      <li>{类别列表167}</li>
      <li>{类别列表168}</li>
      <li>{类别列表169}</li>
      <li>{类别列表170}</li>
      <li>{类别列表171}</li>
      <li>{类别列表172}</li>
      <li>{类别列表173}</li>
      <li>{类别列表174}</li>
      <li>{类别列表175}</li>
      <li>{类别列表176}</li>
      <li>{类别列表177}</li>
      <li>{类别列表178}</li>
      <li>{类别列表179}</li>
      <li>{类别列表180}</li>
      <li>{类别列表181}</li>
      <li>{类别列表182}</li>
      <li>{类别列表183}</li>
      <li>{类别列表184}</li>
      <li>{类别列表185}</li>
      <li>{类别列表186}</li>
      <li>{类别列表187}</li>
      <li>{类别列表188}</li>
      <li>{类别列表189}</li>
      <li>{类别列表190}</li>
      <li>{类别列表191}</li>
      <li>{类别列表192}</li>
      <li>{类别列表193}</li>
      <li>{类别列表194}</li>
      <li>{类别列表195}</li>
      <li>{类别列表196}</li>
      <li>{类别列表197}</li>
      <li>{类别列表198}</li>
      <li>{类别列表199}</li>
      <li>{类别列表200}</li>
    </ul>
  </div>
</template>

<script>
import Bscroll from 'better-scroll'

export default {
  name: "Category",
  data() {
    return {
      scroll: null
    }
  },
  mounted() {
    this.scroll = new Bscroll(document.querySelector(".wrapper"), {})
  },
}
</script>

<style scoped>
.wrapper{
  height: 350px;
  /*background-color: red;*/
  overflow: hidden;
}
</style>
